<template>
  <div id="main" class="w-full" style="background:#f5f5f5">
        <div id="page-home" class="pb20">
            <div class="col-1 w-full clearfix">
                <div class="col-1-r-l" area="col-1-r-l" widget_type="area">
                    <div id="_widget_684" name="df_slides" widget_type="widget" class="widget">
                        <div class="full-slides J_S1502606379">
                            <ul class="bd">
                                <!-- <li
                                    style="height: 500px; background: url('../../assets/images/index-pic1.jpg') center center; background-size: 100% 100%;">
                                    <a href="" target="_blank" style="display:block; height:500px; width:100%"></a>
                                    
                                </li> -->
                                <li style="height: 500px; background-size: 100% 100%;">
                                  <a href="" target="_blank" style="display:block; height:500px; width:100%">
                                    <img src="../../assets/images/index-pic1.jpg" alt="">
                                  </a>
                                </li>
                                <li style="height: 500px; background: url() center center; background-size: 100% 100%;">
                                    <a href="" target="_blank" style="display:block; height:500px; width:100%"></a>
                                </li>
                            </ul>
                            <div class="nav-box">
                                <div class="hd">
                                    <a class="ks-active" href="javascript:;"><i></i></a>
                                    <a href="javascript:;"><i></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-2 w clearfix">
                <div class="col-1-r-r float-right" area="col-1-r-r" widget_type="area">

                    <div id="_widget_849" name="df_user" widget_type="widget" class="widget">
                        <div class="account J_S794430359">
                            <div class="user-info">
                                <div class="avata-pic">
                                    <a href="javascript:;">
                                        <img src="../../assets/images/default_user_portrait.gif" />
                                    </a>
                                </div>
                                <div class="hello clearfix">
                                    <p class="he-tit">您好，欢迎光临</p>
                                    <a class="login-btn" href="login.html">请登录</a>
                                    <a class="regist-btn" href="register.html">免费注册</a>
                                </div>
                            </div>
                            <div class="quick">
                                <div class="kj-tit">快捷入口</div>
                                <div class="kj-con clearfix">
                                    <div class="kj-item bor-r bor-b"> <a href="javascript:;"> <i
                                                class="i-con icon-1"></i> <span>我的浏览</span> </a> </div>
                                    <div class="kj-item bor-r bor-b"> <a href=""> <i class="i-con icon-2"></i>
                                            <span>我的收藏</span> </a> </div>
                                    <div class="kj-item bor-b"> <a href=""> <i class="i-con icon-3"></i>
                                            <span>我的订单</span> </a> </div>
                                    <div class="kj-item bor-r"> <a href=""> <i class="i-con icon-4"></i>
                                            <span>账号安全</span> </a> </div>
                                    <div class="kj-item bor-r"> <a href="javascript:;"> <i class="i-con icon-5"></i>
                                            <span>我要分享</span> </a> </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-3 w clearfix mt20" area="col-3" widget_type="area">

                <div id="_widget_423" name="df_seckill" widget_type="widget" class="widget">
                    <div class="seckill-channel mb20 J_S1915840144">
                        <div class="seckill clearfix">
                            <i class="se-icon"></i>
                            <div class="sk-time-cd">
                                <p class="sk-cd-tit">距结束</p>
                                <div class="cd-time clearfix J_CountDown1915840144">
                                    <div class="time"> <span class="days NumDays">0</span>天<span
                                            class="hours NumHours">1</span>时<span
                                            class="minutes NumMins">41</span>分<span
                                            class="seconds NumSeconds">10</span>秒 </div>
                                </div>
                            </div>
                            <div class="sk-more">
                                <a href="" target="_blank">更多秒杀</a>
                                <i class="arrow"></i>
                            </div>
                        </div>
                        <div class="seckill-goods">
                            <div class="temp bd">
                                <ul class="clearfix">
                                    <!--  -->
                                    <li v-for="(kill,index) in killList" :key="index">
                                        <div class="p-img">
                                            <a href="" target="_blank">
                                                <img :src="$imgPrefix + kill.image" />
                                            </a>
                                        </div>
                                        <div class="p-name">
                                            <a href="" target="_blank">{{kill.gname}}</a>
                                        </div>
                                        <div class="p-over clearfix">
                                            <div class="p-info ">
                                                <div class="p-price">
                                                    <span class="shop-price">&yen;{{kill.killPrice}}</span>
                                                    <span class="original-price">&yen;{{kill.price}}</span>
                                                </div>
                                            </div>
                                            <div class="p-btn">
                                              <router-link :to="'/killView/' + kill.id" tag="a">立即抢购</router-link>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="prev"><i class="icon-left"></i></div>
                            <div class="next"><i class="icon-right"></i></div>
                        </div>
                    </div>

                </div>

                <div id="_widget_905" name="df_need_channel" widget_type="widget" class="widget">
                    <div class="need-channel clearfix mb20">
                        <!---->
                        <div class="channel-column style-default style-mi">
                            <div class="column-title">
                                <h3>优质新品</h3>
                                <p>专注生活美学</p>
                            </div>
                            <div class="column-img">
                                <img class="transform" src="../../assets/images/computer.png" />
                            </div>
                            <!-- <a class="column-btn" target="_blank" href="">去看看</a> -->
                            <!-- 通过路由的 router-link 标签跳转页面 
                              to: 跳转到哪个路由
                              tag: 用指定的标签呈现router-link
                            -->
                            <router-link to="/goodsList/5" tag="a" class="column-btn">去看看</router-link>
                        </div>
                        <!-- -->
                        <div class="channel-column style-default style-danh">
                            <div class="column-title">
                                <h3>潮流女装</h3>
                                <p>春装流行款抢购</p>
                            </div>
                            <div class="column-img">
                                <img class="transform" src="../../assets/images/womenfu.png" />
                            </div>
                            <router-link to="/goodsList/10" tag="a" class="column-btn">去看看</router-link>
                        </div>
                        <!-- -->
                        <div class="channel-column style-default style-huang">
                            <div class="column-title">
                                <h3>人气美鞋</h3>
                                <p>新外貌“鞋”会</p>
                            </div>
                            <div class="column-img">
                                <img class="transform" src="../../assets/images/women.png" />
                            </div>
                            <a class="column-btn" target="_blank" href="">去看看</a>
                        </div>
                        <!-- -->
                        <div class="channel-column style-default style-zi">
                            <div class="column-title">
                                <h3>品牌精选</h3>
                                <p>潮牌尖货 初春换新</p>
                            </div>
                            <div class="column-img">
                                <img class="transform" src="../../assets/images/womenchun.png" />
                            </div>
                            <a class="column-btn" target="_blank" href="">去看看</a>
                        </div>
                        <!-- -->
                        <div class="channel-column style-default style-danzi" style="margin-right:0">
                            <div class="column-title">
                                <h3>护肤彩妆</h3>
                                <p>春妆必买清单 低至3折</p>
                            </div>
                            <div class="column-img">
                                <img class="transform" src="../../assets/images/womenmei.png" />
                            </div>
                            <a class="column-btn" target="_blank" href="">去看看</a>
                        </div>
                        <!--  -->
                    </div>

                </div>

            </div>
        </div>
    </div>
</template>
<script>
export default{
  data(){
    return{
      killList:[]
    }
  },
  mounted(){
    this.$axios.get("/kill/list").then(res => {
      this.killList = res.data.data
    })
  }
}
</script>
<style scoped>

</style>